<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Intruksi Pemasangan Kode</title>
<style type="text/css">
	*,
*:after,
*:before { 
	box-sizing: border-box;
}
html { 
  overflow-y: scroll; 
  overflow-x: hidden; 
  height: 100%; 
  margin: 0;
  padding: 0; 
}
body { 
  height: 100%;
  margin: 0;
  padding: 0; 
} 
body, .header-top {  background: #333; }
.header-top { 
  position: fixed;
  z-index: 1;
  min-height: 120px;
  width: 100%;
}
.page-wrap, .header-wrap { 
  width: 90%; 
  min-width: 320px; 
  max-width: 640px; 
  margin: 0 auto; 
  padding: 0 10px;
}
.page-wrap {
  padding-top: 120px;
}
.header-wrap { 
  position: relative;
  height: 150px;
  padding: 10px; 
}
.header-content { 
  position: absolute;
  left: 10px;
  right: 10px;
  padding: 10px 2em;
  background: #3498db;
  border-bottom:5px solid #2980b9;
}
.header-content.align-center {
  top: 50%;
  margin-top: -7%; 
}
.header-content.align-bottom { 
  top: inherit;
  margin-top: inherit;
  bottom: 10px; }
.main { 
  padding: 1em 2em 2em;
  background: white; 
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 599px) {
  .header-top { 
    position: absolute; }
  .page-wrap, .header-wrap { 
    width: 100%; }

}
@media only screen 
and (max-width : 320px) {
  .page-wrap, .header-wrap { 
    width: 100%; }
}

html {overflow-y: scroll;}
body {
  line-height: 1.3125; }
.main { padding-bottom: 30em; }
sidebar { 
  display: block;
}
figure {
  margin: 1.5em auto 1em;
  padding: 8px;
  background: #f1f1ea;
  text-align: center; }
figure img {border: 4px solid #ffffff; }
figcaption {
  margin: .5em 0;
  color: #999;
  text-align: center;
  font-size: 85%;
  font-style: italic; }
h1 {margin: 0; line-height: 1.0625;text-align: center;}
h2 {color: #999; font-weight:300;text-align: center;}
header h2 {margin:0; color: #666;}

code {
  background: #91C8ED;
  border-left: 5px solid #2980b9;
  padding: 1px .25em;
  font-family: Menlo, Monaco, monospace;
  font-size: 90%;}
pre[rel]{
    position: relative;
    padding: .875em 0 0; }
pre[rel]:before{
    content:attr(rel);
    color:white;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:#2980b9;
    font-family: sans-serif;
    padding:5px 0;
    text-indent:15px; }
pre code {
  display: block; padding: 1.5em; }
pre code i {
    color: #998;
    font-style: italic; }
.nowrap, nobreak, .nobr { white-space: nowrap; }
.csTicker {
  width:550px;
  font-size: 14px;
  background: #fafcfa;
  border-radius: 3px;
  overflow: hidden;
  height: 30px;
  position: relative;
}
.csTicker a {
  font-family:'Opensans';
  color: #1A86D6;
  text-decoration: none;
  cursor: pointer;
}
.csTicker ul {
  position: absolute;
}
.csTicker ul, .csTicker li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.csTicker .csTicker__title {
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  background: #5ac9b2;
  color: white;
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 100;
  border-bottom: 5px solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 720px) {
  .csTicker li {
    padding: 1em;
  }
}
@media (min-width: 1200px) {
  .csTicker li {
    padding: 1em;
  }
}
.csTicker li:before, .csTicker li:after {
  content: " ";
  display: table;
}
.csTicker li:after {
  clear: both;
}
.csTicker li:first-child {
  border-top: none;
}
.csTicker li > .col {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.csTicker li > .col:first-child {
  width: 25%;
}
.csTicker li > .col:last-child {
  width: 75%;
  padding-left: 1em;
}
@media (min-width: 720px) {
  .csTicker li > .col:last-child {
    padding-left: 1em;
  }
}
@media (min-width: 1200px) {
  .csTicker li > .col:last-child {
    padding-left: 1em;
  }
}
.csTicker img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}
.csTicker p {
  margin: 0;
  font-size: 1em;
  line-height: 1.4em;
}
.csTicker p.h3 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.3em;
  color: #333333;
  font-weight: bold;
}
@media (min-width: 720px) {
  .csTicker p.h3 {
    margin-bottom: 0.5em;
  }
}
@media (min-width: 1200px) {
  .csTicker p.h3 {
    margin-bottom: 0.5em;
  }
}
.csTicker p.small {
  font-size: 0.875em;
  margin-top: 0.5em;
  color: #5ac9b2;
}
@media (min-width: 720px) {
  .csTicker p.small {
    margin-top: 0.5em;
  }
}
@media (min-width: 1200px) {
  .csTicker p.small {
    margin-top: 0.5em;
  }
}
.csTicker li.featured p.h3, .csTicker li.featured p.small {
  color: #DC0066;
}

@media (max-width: 799px) {
  .csTicker .csTicker__title {
    font-size: 1.2em;
    overflow: hidden;
    padding: 1.3em 6em 0.8em 1em;
    text-align: left !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.csTicker__buttons {
  height: 4em;
  position: absolute;
  right: 0;
  top: 0;
  width: 7em;
  z-index: 200;
}
.csTicker__buttons > div {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.6;
}
.csTicker__buttons > div:hover {
  opacity: 1;
}
.buttons__prev-button {
  background: url("../img/arrow_up.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  cursor: pointer;
  float: left;
  height: 4em;
  width: 3em;
}
.buttons__next-button {
  background: url("../img/arrow_down.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  cursor: pointer;
  float: left;
  height: 4em;
  width: 3em;
}
.csTicker.csTicker--mini .csTicker__buttons {
  background: #e8e8e8;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0;
  width: 6em;
  z-index: 200;
}
.csTicker.csTicker--mini .buttons__prev-button {
  height: 3em;
  background: url("../img/arrow_left.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.csTicker.csTicker--mini .buttons__next-button {
  height: 3em;
  background: url("../img/arrow_right.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.csTicker.csTicker--horizontal {
  height: auto;
  padding-bottom: 1em;
}
@media (min-width: 720px) {
  .csTicker.csTicker--horizontal {
    padding-bottom: 1em;
  }
}
@media (min-width: 1200px) {
  .csTicker.csTicker--horizontal {
    padding-bottom: 1em;
  }
}
.csTicker.csTicker--horizontal ul > li > .col:last-child {
  min-width: 75%;
}
.csTicker.csTicker--horizontal .buttons__prev-button {
  background: url(../img/arrow_left.png) no-repeat center;
}
.csTicker.csTicker--horizontal .buttons__next-button {
  background: url(../img/arrow_right.png) no-repeat center;
}
.csTicker.csTicker--horizontal ul {
  width: 100000px;
  height: 100%;
}
.csTicker.csTicker--horizontal ul > li {
  float: left;
  display: inline;
  border-bottom: 0;
  width: auto;
}
.csTicker.csTicker--mini {
  height: 3em;
}
.csTicker.csTicker--mini ul > li > .col:first-child {
  display: none;
}
.csTicker li{
  padding-top: 0.8em !important
}
.csTicker.csTicker--mini ul > li > .col:last-child {
  width: 100%;
  padding: 0;
}
.csTicker.csTicker--mini .csTicker__title {
  border-bottom: 0 none;
  display: block;
  float: left;
  font-size: 1em;
  height: auto;
  padding-bottom: 1em;
  padding-right: 1em;
  padding-top: 1em;
}
.csTicker.csTicker--mini ul {
  width: 100000px;
}
.csTicker.csTicker--mini ul > li {
  float: left;
  display: inline;
  width: auto;
}
.csTicker.csTicker--mini li > .col > p.h3, .csTicker.csTicker--mini li > p.h3 {
  display: block;
  font-size: 1em;
  color: #5c5c5c;
  font-weight: normal;
}
.csTicker__title {
  font-family:'Opensans';
  background:#1A86D6 !important;
}

	}
</style>
</head>
<body>
    <header class="header-top"> 
    <div class="header-wrap">
      <div class="header-content align-bottom">
        <h1>Intruksi Pemasangan Kode<span class="nobr"></span></h1>
        <h2><a href="http://www.alexjoen.web.id" target="_blank">www.alexjoen.web.id</a></h2>
<div class="J-PB"></div>

      </div> <!-- end .header-content -->
    </div> <!-- end .header-wrap -->
  </header>

<!-- #top link here, not in fixed header -->
<div id="top" class="page-wrap"> 
  <section class="main">

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    <h2>PANDUAN INI UNTUK PEMULA SEPERTI ANE</h2> 
    <h3>Cara yang pertama:</h3>   
    <p>Siapkan Koding yang mau dipasang
Satukan Koding CSS dan HTML
      dengan Rumus :<BR/><BR/>
      <b>Disini Taruh Kode HTML-nya</b> <BR/>
<code>&lt;style type='text/css'&gt;</code><BR/> 
      <b>Disini taruh Kode CSS-nya</b><BR/>
      <code>&lt;/style&gt;</code><BR/>
  
      <pre rel="Contoh Penyatuan Kode :"><code class="language-css">
&lt;div class="alex-ganteng-tea "&gt;ALEXJOEN&lt;/div&gt;

&lt;style type='text/css'&gt;
.alex-ganteng-tea {
color: #fff;
font-size: 14em;
font-weight: bold;
font-family: Helvetica;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
&lt;/style&gt;

<i>Jika ada kode javascript yang harus dipasang boleh ditaruh disini dengan memakai format.</i>
&lt;script type='text/javascript'&gt;
<i>taruh kode Javascript sobat disini</i>
&lt;/script&gt;
</code></pre>
    
    <u><b>KEMUDIAN :</b></u>
      <br/>
Login ke akun <b>Blogger</b> sobat<br/>
Klik <b>Tata Letak</b><br/>
Klik <b>Tambah Gadget</b><br/>
Klik <b>HTML/JavaScript</b><br/>
Terakhir Kopi Paste Koding Yang sudah Disiapkan<BR/>
Klik <b>Save</b>
    <p>Nah itu cara yang pertama, untuk cara selanjutnya dengan menambahkannya kedalam elemen template:</p>


      <h3>Cara yang kedua :</h3>
    <p>Cari kode <code> ]]&gt;&lt;/b:skin&gt;</code><br/>
     Kemudian masukan Kode <b>CSS</b>-nya diatas kode <code> ]]&gt;&lt;/b:skin&gt;</code><br/>
      Jika ada <b>Javascript</b> yang harus dipasang maka tempatkan maka cari kode <br/><code> &lt;/head&gt;</code>dan letakan kode Javascript tersebut tepat diatas kode <code> &lt;/head&gt;</code><br/><br/>
      <u><b>KEMUDIAN :</b></u>
      <br/>
Login ke akun <b>Blogger</b> sobat<br/>
Klik <b>Tata Letak</b><br/>
Klik <b>Tambah Gadget</b><br/>
Klik <b>HTML/JavaScript</b><br/>
      Terakhir Kopi Paste Kode <b> HTML</b>Yang sudah Disiapkan<BR/>
Klik <b>Save</b>
    <br/><br/><p>Demikiaan tentang Intruksi Pemasangan Kode <a href="http://www.alexjoen.web.id" target="_blank">Joens Personal Blog</a> Untuk kekurangannya silakan bertanya atau ditambahkan sendiri.</p>

    

  </section>

</div> <!-- end .page-wrap -->
<script type="text/javascript">
(function(e){e.fn.csTicker=function(t){function f(t){e(t).find("li").css("width",e(t).outerWidth()-e(t).find(".csTicker__title").outerWidth());e(t).find("ul").css("left",e(t).find(".csTicker__title").outerWidth());e(t).find(".wrapper").css("height",e(t).find("li").outerHeight());e(window).resize(function(){var n=e(t).find(".csTicker__title").outerWidth();e(t).find("li").css("width",e(t).outerWidth()-n);var r=e(t).find("ul").children("li").eq(s).position().left;var i=r-n;e(t).find("ul").css("left",-i);e(t).find(".wrapper").css("height",e(t).find("li").outerHeight())})}function l(n){titleWidth=e(n).find(".csTicker__title").outerWidth();buttonWidth=e(n).find(".csTicker__buttons").outerWidth();var r=e(n).parent().innerWidth();var i;if(r>768){i=3}else if(r>480){i=2}else{i=1}e(n).find("li").css("width",e(n).outerWidth()/i);var o=e(n).find("li").map(function(){return e(this).height()}).get();e(n).find(".wrapper").css("height",Math.max.apply(null,o)+20);e(n).find("ul").animate({left:"-"+e(n).find("ul").children("li").eq(s).position().left},t.speed,"swing");e(window).resize(function(){var r;var i=e(n).parent().innerWidth();if(i>768){r=3}else if(i>480){r=2}else{r=1}e(n).find("li").css("width",e(n).outerWidth()/r);var o=e(n).find("li").map(function(){return e(this).height()}).get();e(n).find(".wrapper").css("height",Math.max.apply(null,o)+20);e(n).find("ul").animate({left:"-"+e(n).find("ul").children("li").eq(s).position().left},t.speed,"swing")})}function c(e){setInterval(function(){h("next",e)},t.delay)}function h(n,r){if(!o){switch(n){case"next":if(s<e(r).find("li").length-1){switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(s+1).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(s+1).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(s+1).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s++}else{switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(0).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(0).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(0).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s=0}break;case"prev":if(s>0){switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(s-1).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(s-1).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(s-1).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s--}else{switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(e(r).find("ul").children("li").length-1).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(e(r).find("ul").children("li").length-1).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(e(r).find("ul").children("li").length-1).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s=0}break}}}var n={tickerMode:"vertical",customCSS:false,delay:5e3,speed:300,autoAnimate:true,buttons:true,highlightFeatured:true,stickyFeature:false,tickerTitle:false,contentFeed:false,feedCount:10,truncateAt:100,linkTarget:"_blank",addEllipsis:false,pauseOnHover:true,backgroundColour:false,titleColour:false,titleTextColour:false};var t=e.extend({},n,t);var r;var i=e(this).attr("id");var s=0;var o=false;if(t.customCSS){e("<link/>",{rel:"stylesheet",type:"text/css",href:customCSS}).appendTo("head")}var u=this;if(t.contentFeed){var a;e.ajax({type:"GET",url:document.location.protocol+"//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=1000&callback=?&q="+encodeURIComponent(t.contentFeed),dataType:"json",error:function(){},success:function(n){a=n.responseData.feed.entries;var r="<ul>";e(a).each(function(){var n=e(this).html();r+="<li>";if(e(this).data("img")){r+='<div class="col"><img src="'+e(this).attr("img")+'"/>';r+='</div><div class="col">'}r+='<p class="h3"><a target="'+t.linkTarget+'" href="'+e(this).attr("link")+'">'+e(this).attr("title")+"</a></p>";if(t.truncateAt){var i=e(this).attr("contentSnippet").substr(0,t.truncateAt);i=i.substr(0,Math.min(i).length,i.lastIndexOf(" "))}else{var i=e(this).attr("contentSnippet")}if(t.addEllipsis){i+="..."}r+="<p>"+i+"</p>";r+='<p class="small">'+e(this).attr("author")+" - "+e(this).attr("publishedDate")+"</p>";if(e(this).data("img")){r+="</div>"}r+="</li>"});e(u).append(r+"</ul>").find(".csTicker__spinner").remove();f(u)}});e(this).append('<div class="csTicker__spinner"><img src="img/spinner.gif" /></div>')}if(t.tickerTitle){e(this).prepend('<div class="csTicker__title">'+t.tickerTitle+"</div>")}e(this).find("ul").wrap('<div class="wrapper"></div>');if(t.buttons){e(this).prepend('<div class="csTicker__buttons"><div class="buttons__prev-button"></div><div class="buttons__next-button"></div></div>')}if(!t.contentFeed){e(this).find("li").each(function(){var n=e(this).html();if(t.highlightFeatured&&e(this).data("featured")==true){e(this).addClass("featured")}var r="";if(e(this).data("img")){r+='<div class="col">';r+='<img src="'+e(this).data("img")+'"/>';r+='</div><div class="col">'}if(e(this).data("title")){r+='<p class="h3"><a target="'+t.linkTarget+'" href="'+e(this).data("link")+'">'+e(this).data("title")+"</a></p>"}if(t.truncateAt){var i=n.substr(0,t.truncateAt);i=i.substr(0,Math.min(i).length,i.lastIndexOf(" "))}else{var i=n}if(t.addEllipsis){i+="..."}r+="<p>"+i+"</p>";if(e(this).data("meta")){r+='<p class="small">'+e(this).data("meta")+"</p>"}if(e(this).data("img")){r+="</div>"}e(this).empty().append(r)})}e(this).addClass("csTicker");switch(t.tickerMode){case"horizontal":e(this).addClass("csTicker--horizontal");l(this);break;case"mini":e(this).addClass("csTicker--mini");f(this);break;case"grid":e(this).addClass("csTicker--grid");break;default:break}if(t.backgroundColour){e(this).css("background",t.backgroundColour)}if(t.titleColour){e(this).find(".csTicker__title").css("background",t.titleColour)}if(t.titleTextColour){e(this).find(".csTicker__title").css("color",t.titleTextColour)}if(t.pauseOnHover){e(u).find("ul").mouseenter(function(){o=true}).mouseleave(function(){o=false})}return this.each(function(){var n=e(this);if(t.autoAnimate){c(n)}if(t.buttons){e(this).find(".buttons__prev-button").click(function(){h("prev",n)});e(this).find(".buttons__next-button").click(function(){h("next",n)})}})}})(jQuery);(function(e){e.fn.csTicker=function(t){function f(t){e(t).find("li").css("width",e(t).outerWidth()-e(t).find(".csTicker__title").outerWidth());e(t).find("ul").css("left",e(t).find(".csTicker__title").outerWidth());e(t).find(".wrapper").css("height",e(t).find("li").outerHeight());e(window).resize(function(){var n=e(t).find(".csTicker__title").outerWidth();e(t).find("li").css("width",e(t).outerWidth()-n);var r=e(t).find("ul").children("li").eq(s).position().left;var i=r-n;e(t).find("ul").css("left",-i);e(t).find(".wrapper").css("height",e(t).find("li").outerHeight())})}function l(n){titleWidth=e(n).find(".csTicker__title").outerWidth();buttonWidth=e(n).find(".csTicker__buttons").outerWidth();var r=e(n).parent().innerWidth();var i;if(r>768){i=3}else if(r>480){i=2}else{i=1}e(n).find("li").css("width",e(n).outerWidth()/i);var o=e(n).find("li").map(function(){return e(this).height()}).get();e(n).find(".wrapper").css("height",Math.max.apply(null,o)+20);e(n).find("ul").animate({left:"-"+e(n).find("ul").children("li").eq(s).position().left},t.speed,"swing");e(window).resize(function(){var r;var i=e(n).parent().innerWidth();if(i>768){r=3}else if(i>480){r=2}else{r=1}e(n).find("li").css("width",e(n).outerWidth()/r);var o=e(n).find("li").map(function(){return e(this).height()}).get();e(n).find(".wrapper").css("height",Math.max.apply(null,o)+20);e(n).find("ul").animate({left:"-"+e(n).find("ul").children("li").eq(s).position().left},t.speed,"swing")})}function c(e){setInterval(function(){h("next",e)},t.delay)}function h(n,r){if(!o){switch(n){case"next":if(s<e(r).find("li").length-1){switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(s+1).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(s+1).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(s+1).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s++}else{switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(0).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(0).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(0).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s=0}break;case"prev":if(s>0){switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(s-1).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(s-1).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(s-1).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s--}else{switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(e(r).find("ul").children("li").length-1).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(e(r).find("ul").children("li").length-1).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(e(r).find("ul").children("li").length-1).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s=0}break}}}var n={tickerMode:"vertical",customCSS:false,delay:5e3,speed:300,autoAnimate:true,buttons:true,highlightFeatured:true,stickyFeature:false,tickerTitle:false,contentFeed:false,feedCount:10,truncateAt:100,linkTarget:"_blank",addEllipsis:false,pauseOnHover:true,backgroundColour:false,titleColour:false,titleTextColour:false};var t=e.extend({},n,t);var r;var i=e(this).attr("id");var s=0;var o=false;if(t.customCSS){e("<link/>",{rel:"stylesheet",type:"text/css",href:customCSS}).appendTo("head")}var u=this;if(t.contentFeed){var a;e.ajax({type:"GET",url:document.location.protocol+"//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=1000&callback=?&q="+encodeURIComponent(t.contentFeed),dataType:"json",error:function(){},success:function(n){a=n.responseData.feed.entries;var r="<ul>";e(a).each(function(){var n=e(this).html();r+="<li>";if(e(this).data("img")){r+='<div class="col"><img src="'+e(this).attr("img")+'"/>';r+='</div><div class="col">'}r+='<p class="h3"><a target="'+t.linkTarget+'" href="'+e(this).attr("link")+'">'+e(this).attr("title")+"</a></p>";if(t.truncateAt){var i=e(this).attr("contentSnippet").substr(0,t.truncateAt);i=i.substr(0,Math.min(i).length,i.lastIndexOf(" "))}else{var i=e(this).attr("contentSnippet")}if(t.addEllipsis){i+="..."}r+="<p>"+i+"</p>";r+='<p class="small">'+e(this).attr("author")+" - "+e(this).attr("publishedDate")+"</p>";if(e(this).data("img")){r+="</div>"}r+="</li>"});e(u).append(r+"</ul>").find(".csTicker__spinner").remove();f(u)}});e(this).append('<div class="csTicker__spinner"><img src="img/spinner.gif" /></div>')}if(t.tickerTitle){e(this).prepend('<div class="csTicker__title">'+t.tickerTitle+"</div>")}e(this).find("ul").wrap('<div class="wrapper"></div>');if(t.buttons){e(this).prepend('<div class="csTicker__buttons"><div class="buttons__prev-button"></div><div class="buttons__next-button"></div></div>')}if(!t.contentFeed){e(this).find("li").each(function(){var n=e(this).html();if(t.highlightFeatured&&e(this).data("featured")==true){e(this).addClass("featured")}var r="";if(e(this).data("img")){r+='<div class="col">';r+='<img src="'+e(this).data("img")+'"/>';r+='</div><div class="col">'}if(e(this).data("title")){r+='<p class="h3"><a target="'+t.linkTarget+'" href="'+e(this).data("link")+'">'+e(this).data("title")+"</a></p>"}if(t.truncateAt){var i=n.substr(0,t.truncateAt);i=i.substr(0,Math.min(i).length,i.lastIndexOf(" "))}else{var i=n}if(t.addEllipsis){i+="..."}r+="<p>"+i+"</p>";if(e(this).data("meta")){r+='<p class="small">'+e(this).data("meta")+"</p>"}if(e(this).data("img")){r+="</div>"}e(this).empty().append(r)})}e(this).addClass("csTicker");switch(t.tickerMode){case"horizontal":e(this).addClass("csTicker--horizontal");l(this);break;case"mini":e(this).addClass("csTicker--mini");f(this);break;case"grid":e(this).addClass("csTicker--grid");break;default:break}if(t.backgroundColour){e(this).css("background",t.backgroundColour)}if(t.titleColour){e(this).find(".csTicker__title").css("background",t.titleColour)}if(t.titleTextColour){e(this).find(".csTicker__title").css("color",t.titleTextColour)}if(t.pauseOnHover){e(u).find("ul").mouseenter(function(){o=true}).mouseleave(function(){o=false})}return this.each(function(){var n=e(this);if(t.autoAnimate){c(n)}if(t.buttons){e(this).find(".buttons__prev-button").click(function(){h("prev",n)});e(this).find(".buttons__next-button").click(function(){h("next",n)})}})}})(jQuery);  $('.J-PB').csTicker({
				contentFeed:'http://www.alexjoen.web.id/feeds/posts/default', 
        tickerTitle: 'Tutorial Untuk Sobat', 
				tickerMode: 'mini', 
				buttons: false, 
				speed: 1200
			}); 
</script>
</body>
</html>